<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sytle.css">
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/idangerous.swiper.css"/>
		<title>首页</title>
	</head>
	<body style="background: #f1f1f1;">
		<div class="page">
			<div class="index_head clearfix">
				<img src="${pageContext.request.contextPath}/images/logo.png" class="index_head_logo">
				<%-- <a href=""><img src="${pageContext.request.contextPath}/images/shake.png" class="index_head_shake"></a> --%>
			</div>
			<div class="swiper-container"  id="slider">
				<div class="swiper-wrapper clearfix">
					<div class="swiper-slide" style="line-height:0;width:100%;"><img src="${pageContext.request.contextPath}/images/banner456.jpg"></div>
		   			<%-- <div class="swiper-slide"><img src="${pageContext.request.contextPath}/images/banner1.png"/></div>
		   			<div class="swiper-slide"><img src="${pageContext.request.contextPath}/images/banner1.png"/></div> --%>
				</div>
				<!-- <div class="swiper-pagination"></div> -->
			</div>
			<div class="index_main">
				<div class="index_clear_list clearfix">
					<div class="index_clear_l">
						<a href="" class="index_clear_bjbytc">
							<h3>保洁包月套餐</h3>
							<p>拒绝脏乱的“私人定制”</p>
							<img src="${pageContext.request.contextPath}/images/bjbytc.png">
						</a>
					</div>
					<div class="index_clear_r">
						<a href="${pageContext.request.contextPath}/goods/wardrobe.html" class="index_clear_yczl clearfix">
							<div class="index_yczl_l">
								<h3>衣橱整理<img src="${pageContext.request.contextPath}/images/hot.png" class="index_hot"></h3>
								<p>摆脱收纳烦恼</p>
							</div>
							<div class="index_yczl_r">
								<img src="${pageContext.request.contextPath}/images/yczl.png">
							</div>
						</a>
						<a href="${pageContext.request.contextPath}/goods/houseobe.html" class="index_clear_qwzl clearfix">
							<div class="index_yczl_l">
								<h3 style="margin-left: -18px;">全屋整理</h3>
								<p>室内摆放艺术</p>
							</div>
							<div class="index_yczl_r">
								<img src="${pageContext.request.contextPath}/images/qwzl.png">
							</div>
						</a>
					</div>
				</div>
				<ul class="index_xm_list clearfix">
					<li>
						<a href="${pageContext.request.contextPath}/goods/cleanInfo.html" class="clearfix">
							<div class="xm_list_l">
								<h3>临时保洁</h3>
								<p>2小时到位 有品之选</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm1.png">
							</div>
						</a>
					</li>
					<li>
						<a href="" class="clearfix">
							<div class="xm_list_l">
								<h3>长期钟点工</h3>
								<p>灵活预约 准时上门</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm2.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/needInfo/2.html" class="clearfix">
							<div class="xm_list_l">
								<h3>育婴师</h3>
								<p>营养护理 科学早教</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm3.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/needInfo/4.html" class="clearfix">
							<div class="xm_list_l">
								<h3>月嫂</h3>
								<p>专业认证 科学辅导</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm4.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/needInfo/3.html" class="clearfix">
							<div class="xm_list_l">
								<h3>保姆</h3>
								<p>烦心家务 一站解决</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm5.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/needInfo/1.html" class="clearfix">
							<div class="xm_list_l">
								<h3>看护老人</h3>
								<p>贴心陪护 悉心照料</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm6.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/hospital.html" class="clearfix">
							<div class="xm_list_l">
								<h3>医院护工</h3>
								<p>健康护理 陪同理疗</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm7.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/lockInfo.html" class="clearfix">
							<div class="xm_list_l">
								<h3>开锁换锁</h3>
								<p>急需即到 排忧解难</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm8.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/toiletInfo.html" class="clearfix">
							<div class="xm_list_l">
								<h3>马桶维修</h3>
								<p>技术施工 及时解决</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm9.png">
							</div>
						</a>
					</li>
					<li>
						<a href="${pageContext.request.contextPath}/goods/pipInfo.html" class="clearfix">
							<div class="xm_list_l">
								<h3>管道疏通</h3>
								<p>专业工具 技术保障</p>
							</div>
							<div class="xm_list_r">
								<img src="${pageContext.request.contextPath}/images/xm10.png">
							</div>
						</a>
					</li>
				</ul>
				<br><br><br><br>
			</div>
			<footer class="footer-foot">
				<ul class="footer-icon">
					<li><a href="/"><img src="${pageContext.request.contextPath}/images/index-selected-icon.png"/><span class="be-now">首页</span></a></li>
					<li><a href="${pageContext.request.contextPath}/order/userOrders/0/1.html"><img src="${pageContext.request.contextPath}/images/order-icon.png"/><span>订单</span></a></li>
					<li><a href="${pageContext.request.contextPath}/need/userNeeds/0/1.html"><img src="${pageContext.request.contextPath}/images/packets-icon.png"/><span>需求</span></a></li>
					
					<li><a href="${pageContext.request.contextPath}/members/accountInfo.html"><img src="${pageContext.request.contextPath}/images/mine-icon.png"/><span>我的</span></a></li>
				</ul>
			</footer>
		</div>
	</body>
	<script src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
	<%-- <script src="${pageContext.request.contextPath}/js/idangerous.swiper.min.js" type="text/javascript" charset="utf-8"></script> --%>
	<script> 
		var mySwiper = new Swiper('.swiper-container',{
			mousewheelControl : true,
			autoplay : 1000,
			pagination : '.swiper-pagination',
			paginationClickable :true,
			paginationElement : 'li',
		})
	</script>

</html>
